<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>畅销书排行榜</title>
		<style type="text/css">
			
			h1{
				font-size: 16px;
				color: white;
				text-indent: 10px;
				line-height: 30px;
				background: #518700;
				background-image:url(bang.gif);
				background-repeat:no-repeat;
				background-position:100px 3px;
				background-size: 25px 30px;	
			}
			li{
				display:inline-block ;
			}
			a {
				font-size:14px;
				text-decoration:none;
				color:#1A66B3;
			}
			a:hover {
				text-decoration:underline;
			}
			li:nth-of-type(1){
				background-image:url(book_no01.gif);
				background-repeat:no-repeat;
				text-indent: 20px;
			}
			li:nth-of-type(2){
				background-image:url(book_no02.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(3){
				background-image:url(book_no03.gif);
				background-repeat:no-repeat;
				text-indent: 20px;
			}
			li:nth-of-type(4){
				background-image:url(book_no04.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(5){
				background-image:url(book_no05.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(6){
				background-image:url(book_no06.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(7){
				background-image:url(book_no07.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(8){
				background-image:url(book_no08.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(9){
				background-image:url(book_no09.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			li:nth-of-type(10){
				background-image:url(book_no10.gif);
				background-repeat:no-repeat;	
				text-indent: 20px;
			}
			
			div{
				width:px;
				background: linear-gradient(#F9FBCB, #F8F8F3);
				}
		</style>
	</head>
	<body>
		<div>
		<h1>畅销书排行</h1>
		<ul>
			<li><a href="#">不抱怨的世界(畅...</a></li><br/>
			<li><a href="#">遇见未知的自己...</a></li><br/>
			<li><a href="#">活法（季羡林、...</a></li><br/>
			<li><a href="#">高效能人士的七个习惯</a></li><br />
			<li><a href="#">被迫强大（北外女生香奈儿...</a></li><br/>
			<li><a href="#">遇见心想事成的自己（《遇...</a></li><br/>
			<li><a href="#">世界上最伟大的推销员（插...</a></li><br/>
			<li><a href="#">我的成功可以复制（唐骏亲...</a></li><br/>
			<li><a href="#">少有人走的路：心智成熟的...</a></li><br/>
			<li><a href="#">活出全新的自己——唤醒...</a></li>
		</ul>
		</div>
	</body>
</html>
